<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<title>订单详情</title>
		<link rel="stylesheet" href="asset/css/conmom.css" />
		<link rel="stylesheet" href="asset/css/shopCat.css" />
	</head>
	<body>
		<div class="orderDetail">
			 <div class="title">
			 	<i class="iconfont back icon-xiangzuo2" onclick="window.history.go(-1)"></i>订单列表
			 </div>
			 <div class="orderState" >
			 	<!--<div class="seller-state">
			 		<div>
				 		<h3>产品已发货</h3>
				 		<p>货物已发出，请耐心等候</p>
				 	</div>
			 	</div>-->
			 	<!--待付款-->
			 	<div class="Pending-payment" style="display: none;">
				 	<div class="seller-state">
				 		<div>
					 		<h3>等待买家付款</h3>
					 		<p>请尽快付款</p>
					 	</div>
				 	</div>
				 	<div style="background: #fff;padding-top: .5rem;padding-bottom: .1rem;"><h3 class="logistics-detail">收货信息</h3></div>
				 	<div class="payAddress clearfix">
						<i class="icon iconfont icon-dizhi"></i>
						<div>
							<div class="address-contacter"><span>收货人:梁雪梅 13750050530</span></div>
							<div class="address-contacter"><span>物流公司:中通</span></div>
							<div class="address-addr"><span>收货地址:广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
						</div>
					</div>
					<div class="oneShop">
						<h3 class="logistics-detail">商品信息</h3>
			    		<div class="shopName active">
				    		<a href="">
				    			<i class="icon iconfont icon-shouye"></i>
				    			奇高灯饰
				    		</a>
				    		<i class="icon iconfont icon-contact"></i>
				    	</div>
			    		<div class="commodity" data-id="76415" data-product-id="6721">
			    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
			    			<div class="cartLeft">
			    				<p><a href="">欧式奢华81725-8吊灯</a></p>
			    			</div>
			    			<div class="cartRight fr">
			    				<p>￥1342.00</p>
			    				<p><span class=""><span>x</span>2</span></p>
			    			</div>
			    		</div>
			    		<div class="cont-pric">
			    			<span>共<b>2</b>件商品</span>
			    			<span>合计:<b>￥25.00</b></span>
			    		</div>
			    	</div>
			    	<div>
			    		<h3 class="logistics-detail ordertops">订单信息</h3>
			    		<div class="tableInfo">
	    					<p><span>订单编号:</span>171030105812417966</p>
	    					<p><span>订单状态:</span><span style="color: #727272;">未付款</span></p>
	    					<p><span>下单时间:</span>2014-2-12</p>
	    					<p><span>付款时间:</span><span style="color: #727272;">未付款</span></p>
	    					<p><span>发货时间:</span><span style="color: #727272;">未发货</span></p>
	    					<p><span>收货时间:</span><span style="color: #727272;">未发货</span></p>
			    		</div>
			    	</div>
			    	<div class="handle">
				    	<div class="btnGroup">
				    		<button class="closeOrder">取消订单</button>
				    		<button class="toPay bgcolorBtn">去付款</button>
				    	</div>
				    </div>
			     </div>
			    <!--代发货-->
				<div class="Pending-shipment" style="display: none;">
			     	<div class="seller-state">
				 		<div>
					 		<h3>等待买家待发货</h3>
					 		<p>已在备货，努力发货中</p>
					 	</div>
				 	</div>
				 	<div style="background: #fff;padding-bottom: .3rem;"><h3 class="logistics-detail">收货信息</h3></div>
					 	<div class="payAddress clearfix">
							<i class="icon iconfont icon-dizhi"></i>
							<div>
								<div class="address-contacter"><span>收货人:梁雪梅 13750050530</span></div>
								<div class="address-contacter"><span>物流公司:中通</span></div>
								<div class="address-addr"><span>收货地址:广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
							</div>
						</div>
						<div class="oneShop">
							<h3 class="logistics-detail">商品信息</h3>
				    		<div class="shopName active">
					    		<a href="">
					    			<i class="icon iconfont icon-shouye"></i>
					    			奇高灯饰
					    		</a>
					    		<i class="icon iconfont icon-contact"></i>
					    	</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<div>退款</div>
					    		</div>
				    		</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<div>退款</div>
					    		</div>
				    		</div>
				    		<div class="cont-pric">
				    			<span>共<b>2</b>件商品</span>
				    			<span>合计:<b>￥25.00</b></span>
				    		</div>
				    		<div>
				    		<h3 class="logistics-detail ordertops">订单信息</h3>
				    		<div class="tableInfo">
		    					<p><span>订单编号:</span>171030105812417966</p>
		    					<p><span>订单状态:</span><span style="color: #727272;">未付款</span></p>
		    					<p><span>下单时间:</span>2014-2-12</p>
		    					<p><span>付款时间:</span><span style="color: #727272;">未付款</span></p>
		    					<p><span>发货时间:</span><span style="color: #727272;">未发货</span></p>
		    					<p><span>收货时间:</span><span style="color: #727272;">未发货</span></p>
				    		</div>
				    	</div>
			    	</div>
			     </div>
			     <!--待收货-->
			     <div class="Goods-receipt">
			     	<div class="seller-state">
				 		<div>
					 		<h3>待收货</h3>
					 		<p>宝贝已经抵达你身边</p>
					 	</div>
					 		<img src="asset/img/state-cart.png" width="100%"/>
				 	</div>
				 	<div style="background: #fff;padding-bottom: .3rem;"><h3 class="logistics-detail">收货信息</h3></div>
					 	<div class="payAddress clearfix">
							<i class="icon iconfont icon-dizhi"></i>
							<div>
								<div class="address-contacter"><span>收货人:梁雪梅 13750050530</span></div>
								<div class="address-contacter"><span>物流公司:中通</span></div>
								<div class="address-addr"><span>收货地址:广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
							</div>
						</div>
						<div class="oneShop">
							<h3 class="logistics-detail">商品信息</h3>
				    		<div class="shopName active">
					    		<a href="">
					    			<i class="icon iconfont icon-shouye"></i>
					    			奇高灯饰
					    		</a>
					    		<!--<i class="icon iconfont icon-contact"></i>-->
								 <div class="contentWrapper_0_1">
							        <div class="sprite"></div>
							    </div>
				    		</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<a href="custom-service.html"><div class="customer-service-state1">申请售后</div></a>
					    		</div>
				    		</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<a href="custom-service.html"><div class="customer-service-state1">申请售后</div></a>
					    		</div>
				    		</div>
				    		<div class="cont-pric">
				    			<span>共<b>2</b>件商品</span>
				    			<span>合计:<b>￥25.00</b></span>
				    		</div>
				    		<div>
				    		<h3 class="logistics-detail ordertops">订单信息</h3>
				    		<div class="tableInfo">
		    					<p><span>订单编号:</span>171030105812417966</p>
		    					<p><span>订单状态:</span><span style="color: #727272;">未付款</span></p>
		    					<p><span>下单时间:</span>2014-2-12</p>
		    					<p><span>付款时间:</span><span style="color: #727272;">未付款</span></p>
		    					<p><span>发货时间:</span><span style="color: #727272;">未发货</span></p>
		    					<p><span>收货时间:</span><span style="color: #727272;">未发货</span></p>
				    		</div>
				    	</div>
			    	</div>
			    	<div class="handle">
				    	<div class="btnGroup">
				    		<button class="toPay bgcolorBtn receiveBtn">确认收货</button>
		    				<button class="closeOrder logisticsBtn" onclick="window.location='orderDetail.html'">查看物流</button>
				    	</div>
				    </div>
			     </div>
			     <!--交易成功-->
			     <div class="Successful-trade" style="display: none;">
			     	<div class="seller-state">
				 		<div>
					 		<h3>交易成功</h3>
					 	</div>
				 	</div>
				 	<div style="background: #fff;padding-bottom: .3rem;"><h3 class="logistics-detail">收货信息</h3></div>
					 	<div class="payAddress clearfix">
							<i class="icon iconfont icon-dizhi"></i>
							<div>
								<div class="address-contacter"><span>收货人:梁雪梅 13750050530</span></div>
								<div class="address-contacter"><span>物流公司:中通</span></div>
								<div class="address-addr"><span>收货地址:广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
							</div>
						</div>
						<div class="oneShop">
							<h3 class="logistics-detail">商品信息</h3>
				    		<div class="shopName active">
					    		<a href="">
					    			<i class="icon iconfont icon-shouye"></i>
					    			奇高灯饰
					    		</a>
					    		<i class="icon iconfont icon-contact"></i>
					    	</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<div>申请售后</div>
					    		</div>
				    		</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">欧式奢华81725-8吊灯</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<div>申请售后</div>
					    		</div>
				    		</div>
				    		<div class="cont-pric">
				    			<span>共<b>2</b>件商品</span>
				    			<span>合计:<b>￥25.00</b></span>
				    		</div>
				    		<div>
				    		<h3 class="logistics-detail ordertops">订单信息</h3>
				    		<div class="tableInfo">
		    					<p><span>订单编号:</span>171030105812417966</p>
		    					<p><span>订单状态:</span><span>已完成</span></p>
		    					<p><span>下单时间:</span>2014-2-12</p>
		    					<p><span>付款时间:</span><span>2014-2-12</span></p>
		    					<p><span>发货时间:</span><span>2014-2-12</span></p>
		    					<p><span>收货时间:</span><span>2014-2-12</span></p>
				    		</div>
				    	</div>
			    	</div>
			    	<div class="handle">
				    	<div class="btnGroup">
				    		<button class="">删除订单</button>
							<button class="closeOrder logisticsBtn">查看物流</button>
				    	</div>
				    </div>
			     </div>
			     <!--交易失败，已关闭-->
			     <div class="Transaction-closed" style="display: none;">
			     	<div class="seller-state">
				 		<div>
					 		<h3>交易失败，已关闭</h3>
					 	</div>
				 	</div>
				 	<div style="background: #fff;padding-bottom: .3rem;"><h3 class="logistics-detail">收货信息</h3></div>
					 	<div class="payAddress clearfix">
							<i class="icon iconfont icon-dizhi"></i>
							<div>
								<div class="address-contacter"><span>收货人:梁雪梅 13750050530</span></div>
								<div class="address-contacter"><span>物流公司:中通</span></div>
								<div class="address-addr"><span>收货地址:广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
							</div>
						</div>
						<div class="oneShop">
							<h3 class="logistics-detail">商品信息</h3>
				    		<div class="shopName active">
					    		<a href="">
					    			<i class="icon iconfont icon-shouye"></i>
					    			奇高灯饰
					    		</a>
					    		<i class="icon iconfont icon-contact"></i>
					    	</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">如果有付款就退款后关闭订单，按这个模式显示</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
					    		<div class="operate-button">
					    			<div>退款成功</div>
					    		</div>
				    		</div>
				    		<div class="commodity" data-id="76415" data-product-id="6721">
				    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
				    			<div class="cartLeft">
				    				<p><a href="">如果没有付款就关闭订单，按这个模式显示</a></p>
				    			</div>
				    			<div class="cartRight fr">
				    				<p>￥1342.00</p>
				    				<p><span class=""><span>x</span>2</span></p>
				    			</div>
				    		</div>
				    		<div class="cont-pric">
				    			<span>共<b>2</b>件商品</span>
				    			<span>合计:<b>￥25.00</b></span>
				    		</div>
				    		<div>
				    		<h3 class="logistics-detail ordertops">订单信息</h3>
				    		<div class="tableInfo">
		    					<p><span>订单编号:</span>171030105812417966</p>
		    					<p><span>订单状态:</span><span style="color: #727272;">已关闭</span></p>
		    					<p><span>下单时间:</span>2014-2-12</p>
		    					<p><span>付款时间:</span>2014-2-12</p>
		    					<p><span>发货时间:</span><span style="color: #727272;">未发货</span></p>
		    					<p><span>收货时间:</span><span style="color: #727272;">未收货</span></p>
				    		</div>
				    	</div>
			    	</div>
			    	<div class="handle">
				    	<div class="btnGroup">
				    		<button class="">删除订单</button>
				    	</div>
				    </div>
			     </div>
			 </div>
		</div>
	</body>
	<script>
	/*	$(".customer-service-state1").click(function(){
			
		});*/
	</script>
</html>
